<template>
  <inject-template :item="item" :pageId="pageId" :popId="popId">
    <template v-slot:common>
      <div v-if="isPlayRotate3d" :class="getRotateConClass">
        <img-item :item="item" :pageId="pageId" :popId="popId" ref="item" :class="getRotateClass"></img-item>
      </div>
      <img-item v-else :item="item" :pageId="pageId" :popId="popId" ref="item"></img-item>
    </template>
  </inject-template>
</template>

<script>
import InjectTemplate from '@/components/inject-template.vue'
import ImgItem from '@/components/items/img-item.vue'
import { utils } from '@/components/utils/utils'
import { rotate } from '@/components/js/rotate'

export default {
  name: 'WbImg',
  mixins: [utils,rotate],
  data () {
    return {
      isPlayRotate3d: false
    }
  },
  components: {
    InjectTemplate,
    ImgItem,
  },
};
</script>
